<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$logo.seotitle}</title>
    <meta name="description" content="{$logo.seodes}">
    <meta name="keywords" content="{$logo.seokey}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="/home/css/base.css" rel="stylesheet">
    <link href="/home/css/template3.css" rel="stylesheet" >
    <script src="/home/js/jquery-3.4.1.min.js"></script>
</head>
<body>
    <div class="wrap">
        <nav class="nav-area">
            <div class="nav-info">
                <div class="middle">
                    <div class="flex justify-between head-info">
                        <a><img src="{$logo.logo}"></a>
                        <p>咨询热线：{$logo.telephone}</p>
                    </div>
                    <div class="head-menu">
                        <div class="head-bar"></div>
                        <div class="head-bar"></div>
                        <div class="head-bar"></div>
                    </div>
                </div>
            </div>
            <div class="flex justify-center nav-menu-area">
                <div class="flex nav-menu">
                    {foreach $navs as $key=>$value }
                        <div class="nav-menu-list"><a href="{if $value.link_style==0}{$url}{$value.nav_link}?cus_id={$cus_id}{elseif $value.link_style==1}{$url}about/singlepage?cus_id={$cus_id}&single={$value.single}{elseif $value.link_style==3}{$value.webpage}{/if}" class="{if $value.link_style==0&&$value.nav_link=='index/index'}nav-menu-list-active{/if}">{$value.nav_name}</a></div>
                    {/foreach}
                </div>
            </div>
            <script>
                $(".head-menu").click(function(){
                    $(".nav-menu").slideToggle(260);
                });
            </script>
        </nav>
        <div class="banner">
            <div class="banner-box flex">
                {foreach $banner as $key=>$value }
                    <div class="banner-list"><img src="{$value.img}" alt=""></div>
                {/foreach}
            </div>
        </div>
        <script>
            $(function () {
                let i = 0;
                let imgw = $(window).width();
                $('.banner-list img').css("width",imgw)
                let firstimg = $('.banner-list').eq(0).clone(); //复制第一张图片
                $('.banner-box').append(firstimg).width($('.banner-list').length * imgw);
        
                //定时器自动播放
                timer = setInterval(function () {
                    i++;
                    if (i == $('.banner-list').length) {
                        i = 1;
                        $('.banner-box').css({ left: 0 });
                    };
                    $('.banner-box').stop().animate({ left: -i * imgw }, 300);
                }, 3000)
            })
        </script>
        <div class="trip-area">
            <div class="trip-menu middle">
                <div class="trip-menu-title">产品中心</div>
                <div class="trip-menu-scroll">
                    <div class="trip-menu-nav flex justify-center">
                        {foreach $procates as $key=>$value }
                            <div class="trip-menu-list {if $cate_id==$value.id}active{/if}">{$value.catename}</div>
                        {/foreach}
                    </div>
                </div>
            </div>
            <script>
                $(".trip-menu-list").on("click",function() {
                    $(this).addClass("active").siblings().removeClass("active");
                })
            </script>
            <div class="trip-main">
                <div class="trip-main-top middle flex justify-between">
                    {foreach $allpro as $key=>$value }
                        <div class="trip-main-top-two flex vertical">
                            <img src="{$value.img}" alt="">
                            <div class="trip-main-top-two-info">
                                <p>{$value.title}</p>
                                <p>￥{$value.price}</p>
                            </div>
                        </div>
                    {/foreach}
                    <div class="trip-main-top-one flex">
                        <img src="./img/tpl1/nav-menu-img01.jpg" alt="">
                        <div class="flex justify-between trip-main-top-one-info">
                            <p>￥4180</p>
                            <p>MORE+</p>
                        </div>
                    </div>
                    <div class="trip-main-top-two flex vertical">
                        <img src="./img/tpl1/nav-menu-img02.jpg" alt="">
                        <div class="trip-main-top-two-info">
                            <p>武汉普吉-尊享诺富特7天5晚游</p>
                            <p>￥4180</p>
                        </div>
                    </div>
                    <div class="flex vertical trip-main-top-two">
                        <img src="./img/tpl1/nav-menu-img03.jpg" alt="">
                        <div class="trip-main-top-two-info">
                            <p>武汉普吉-尊享诺富特7天5晚游</p>
                            <p>￥4180</p>
                        </div>
                    </div>
                </div>
                <div class="trip-main-foot middle flex justify-between">
                    <div class="trip-main-foot-two">
                        <img src="./img/tpl1/nav-menu-img04.jpg" class="trip-main-foot-img" alt="">
                        <div class="trip-main-foot-info trip-main-top-two-info">
                            <p>武汉普吉-尊享诺富特7天5晚游</p>
                            <p>￥4180</p>
                        </div>
                    </div>
                    <div class="trip-main-foot-two">
                        <img src="./img/tpl1/nav-menu-img04.jpg" class="trip-main-foot-img" alt="">
                        <div class="trip-main-foot-info trip-main-top-two-info">
                            <p>武汉普吉-尊享诺富特7天5晚游</p>
                            <p>￥4180</p>
                        </div>
                    </div>
                    <div class="flex justify-center vertical trip-main-foot-more">
                        <h3>查看更多</h3>
                        <img src="./img/tpl1/more-icon.png" alt="">
                        <p>飞机+酒店自由型产品飞机+酒店自由型产品飞机+酒店自由型产品飞机+酒店自由型产品</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="news-area">
            <div class="news-area-title">新闻资讯</div>
            <div class="middle news-area-box flex justify-between">
                <div class="news-left-main">
                    <img src="./img/tpl1/news-img.jpg" class="news-left-main-img" alt="">
                </div>
                <div class="news-right-tap flex">
                    <div class="news-tap-list flex justify-center vertical news-tap-active">
                        <h3>智能+新疆打造不一样的旅行体验</h3>
                        <p>与此同时房车旅游已成为我国旅游产业发展的新兴业态,也逐渐被更多的普通家庭接受,这种融生活和旅游为一体的旅行方式迎合了现代国人的消费</p>
                        <p class="news-tap-list-date">2019/08/10</p>
                    </div>
                    <div class="news-tap-list flex justify-center vertical">
                        <h3>旅行的好季节来了,你知道自己是不是一个好游客?</h3>
                        <p>比起指摘旅行体验的好坏,你是否反思过自己是不是一个好游客?常年走南闯北的BBC记者Bryan Lufkin就对此做出了思考。 “每天吸引40万人的</p>
                        <p class="news-tap-list-date">2019/08/10</p>
                    </div>
                    <div class="news-tap-list flex justify-center vertical">
                        <h3>韩国掀起独自旅行风潮 八成韩国人计划“独行”</h3>
                        <p>中新网8月2日电 据韩国《中央日报》2日报道,一项调查显示,八成韩国人都梦想展开“一个人的旅行”。随着独自生活的人数越来越多,“独自吃饭”</p>
                        <p class="news-tap-list-date">2019/08/10</p>
                    </div>
                </div>
            </div>
            <div class="news-more flex justify-center">
                <p>查看更多</p>
                <p></p>
            </div>
        </div>
        <div class="travels-area">
            <div class="news-area-title">游记分享</div>
            <div class="middle flex justify-between travels-area-main">
                <div class="travels-area-list">
                    <img src="./img/tpl1/travels-img01.jpg" alt="">
                    <div class="travels-area-list-info">
                        <p class="travels-area-list-reco">游记推荐</p>
                        <p class="travels-area-list-intro">夏木尼，小王子的玫瑰城市</p>
                        <p class="travels-area-list-timer">2019-08-03</p>
                        <p class="travels-area-list-more">MORE +</p>
                    </div>
                </div>
                <div class="travels-area-list">
                    <img src="./img/tpl1/travels-img02.jpg" alt="">
                    <div class="travels-area-list-info">
                        <p class="travels-area-list-reco">游记推荐</p>
                        <p class="travels-area-list-intro">故事和酒，这里都有 - 外高加索背包行</p>
                        <p class="travels-area-list-timer">2019-08-03</p>
                        <p class="travels-area-list-more">MORE +</p>
                    </div>
                </div>
                <div class="travels-area-list">
                    <img src="./img/tpl1/travels-img03.jpg" alt="">
                    <div class="travels-area-list-info">
                        <p class="travels-area-list-reco">游记推荐</p>
                        <p class="travels-area-list-intro">夏木尼，小王子的玫瑰城市比新疆喀纳斯小众,这个一到夏天就美成仙境的旅行地,八月正适合</p>
                        <p class="travels-area-list-timer">2019-08-03</p>
                        <p class="travels-area-list-more">MORE +</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="middle">
                <div class="footer_nav_list_box">
                    <div class="footer_nav_list">
                        <a href=""><span class="glyphicon glyphicon-phone" aria-hidden="true"></span> 移动版</a>
                        <a href="">关于我们</a>
                        <a href="">加入我们</a>
                        <a href="">用户协议</a>
                        <a href="">隐私政策</a>
                        <a href="">企业服务</a>
                        <a href="">帮助中心</a>
                        <a href="">联系我们</a>
                    </div>
                    <div class="footer_img">
                        <img src="img/erweima.png" class="img-responsive">
                    </div>
                </div>
                <div class="footer_copyright">
                    <div>
                        工信部备案：<span>鄂ICP备xxxxx号-1 </span>
                    </div>
                    <div>
                        公安备案号：<span>420xxxxxxxxx</span>
                    </div>
                    <div>
                        版权所有 Copyright © 2019 xxxx科技有限公司
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>